* {
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

P, TD, DL, BODY, BLOCKQUOTE, PRE, OL, UL, BR  {
	font-size : 10pt;
	font-weight : normal;
	color : #666666;
}

/* To make fonts work consistently on IE:
1) Convert the TTF to WOFF and EOT using font2web.com or fontsquirrel.com
2) upload those fonts and include them in the SRC statement.
*/
@font-face {
        font-family: 'Lubalin-Book'; /* IE wants the exact font name here */
        src:    url('/common/fonts/lubalin-book.ttf') format('truetype'),
                url('/common/fonts/lubalin-book.eot') format('embedded-opentype'),
                url('/common/fonts/lubalin-book.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Lubalin-Demi'; /* IE wants the exact font name here */
        src:    url('/common/fonts/lubalin-demi.ttf') format('truetype'),
                url('/common/fonts/lubalin-demi.eot') format('embedded-opentype'),
                url('/common/fonts/lubalin-demi.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}

html, body {
        margin: 0;
	padding: 0;
	background-color: #F5E0BB;
	scrollbar-base-color: #FFF6E2;
        border: 0;
        outline: 0;
	height: 100%;
}  

/* Links */ 
a:link, a:visited {
	color: #CC6600;
	text-decoration: none;	
}
a:hover, a:active {
	color: #CC6600;
	text-decoration: underline;	
}
a.heading4red:link, a.heading4red:visited, a.relatedlink:link, a.relatedlink:visited  {
	font-weight : bold;
	color : #993300;
}
a.heading4red:hover, a.heading4red:active, a.relatedlink:hover, a.relatedlink:active {
	font-weight : bold;
	color: #CC6600;
}
/* For the links on the top left of every page */
p.navlink  {
	line-height: 1.1;	
}
a.navlink:link, a.navlink:visited  {
	color : #993300;
	text-decoration : none;
}
a.navlink:hover, a.navlink:active {
	color: #CC6600;
	text-decoration : underline;
}
.relatedlink  {
	font-weight : bold;
	color : #993300;
}
p.homenavlink  {
	line-height: 1.5;	
}
/* For the links on the bottom of every page */
a.bottomlink:link, a.bottomlink:visited  {
	font-size : 8pt;
	color : #993300;
	text-decoration : none;
}
a.bottomlink:hover, a.bottomlink:active {
	font-size : 8pt;
	color: #CC6600;
	text-decoration : underline;
}
/* For the links in the box headlines on the home page */
a.boxheadline:link, a.boxheadline:visited  {
	font-size : 10pt;
	color : #666666;
	font-weight : bold;
	text-decoration : none;
}
a.boxheadline:hover, a.boxheadline:active {
	font-size : 10pt;
	color : #666666;
	font-weight : bold;
	text-decoration : none;
}
.boxheadline {
	font-size : 10pt;
	color : #666666;
	font-weight : bold;
}

small, .downloads  {
	font-size : 8pt;
	font-weight : normal;
	color : #666666;	
}
.smallblack  {
	font-size : 8pt;
	font-weight : normal;
	color : black;	
}


.verysmall  {
	font-size : 6pt;
	line-height : 12pt;	
	font-weight : normal;
	color : black;
}

.largetext  {
	font-size : 12pt;
	font-weight : normal;
	color : #666666;	
}

.blog_intro  {
	line-height: 1.1;	
	color : #882200;
}

H1  {
	margin : 0;
	font-size : 18pt;
	font-weight : normal;
	color : #993300;
}

H2  {
	font-size : 18pt;
	font-weight : normal;
	color : #E29203;
}

H3  {
	font-size : 14pt;
	font-weight : normal;
	color : #E29203;
}

H4  {
	font-weight : bold;
	color : #E29203;
}

.heading1  {
	font-size : 22pt;
	font-weight : normal;
	color : #E29203;
}

.heading2  {
	font-size : 18pt;
	font-weight : normal;
	color : #E29203;
}

.pagetitle  {
	font-family: 'Lubalin-demi', Georgia, serif;
        font-size : 20pt;
        font-weight : normal;
        color : #993300;
}

.pagesubtitle  {
        font-family: 'Lubalin-book', Georgia, serif;
        font-size : 16pt;
        font-weight : normal;
        color : #E29203;
}

.heading3  {
	font-size : 14pt;
	font-weight : normal;
	color : #E29203;
}

.tableheading  {
	font-size : 14pt;
	color : white;
}

th {
	font-size : 10pt;
	font-weight : bold;
	color : #666666;
}

.heading4  {
	font-weight : bold;
	color : #E29203;
}

.heading4red  {
	font-weight : bold;
	color : #993300;
}

.heading4redlight  {
        font-family: 'Lubalin-book', Georgia, serif;
        font-size: 11pt;
        color: #993300;
}

.quote_large  {
	font-family : "Times New Roman", Times, serif;
	font-size : 13pt;
	font-weight : normal;
	color : #CC6600;	
}

.quote_small  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #CC6600;	
}

.quote_large2  {
	font-family : "Times New Roman", Times, serif;
	font-size : 13pt;
	font-weight : normal;
	color : #555555;	
}

.quote_small2  {
    font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #555555;	
}

.impulse {
        width: 222px;
        padding: 10px;
        background-color: #FFFBE7;
        border-top: 1px dotted #b2997f;
        font-size: 8pt;
        font-weight: normal;
        color: #666666;
        overflow: hidden; /* This creates space at the bottom of the div to clear floated images */
}

hr {
	border: none;
	color: #E29203;
	background-color: #E29203;
	height: 1px;
}

select, input, textarea {
 	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: black;
	background-color: #FFF6E2;
	border: 1px solid #890505;
}

/* This is for displaying checkboxes and radio buttons, which look
bad when formatted using the above style */
input.box {
	background-color: white;
	border: none;
}
select.box {
	background-color: white;
	border: none;
}

/* This is for displaying checkboxes and radio buttons in table rows 
where I do not want a border around them */
input.boxhl {
	background-color: #FFF6E2;
	border: none;
}

.button, a.button {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color: white;
	padding: 4px;
	padding-bottom: 3px;
	text-transform: uppercase;	
	text-decoration: none;	
	background-color: #FDB200;
	border: 1px solid #E49105;
	font-weight: bold;
	cursor: pointer;
        cursor: hand;
	border-radius: 8px;
}

.button2, a.button2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 7pt;
	line-height: 8pt;
	color: white;
	padding-top: 1px;
	text-transform: uppercase;	
	text-decoration: none;	
	background-color: #FDB200;
	border: 1px solid #E49105;
	font-weight : bold;
	cursor: pointer;
        cursor: hand;
	border-radius: 7px;
}

.buyit_button, a.buyit_button {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	color: white;
	text-transform: uppercase;	
	text-decoration: none;	
	background-color: #FDB200;
	border: 2px solid #E49105;
	font-weight : bold;
	cursor: pointer;
        cursor: hand;
	border-radius: 12px;
}
*:hover.button, *:active.button, *:hover.button2, *:active.button2, *:hover.buyit_button, *:active.buyit_button {
        background-color: #cc6600;
}

/* Remove the space at the top of ul and ol */
ul.compact, ol.compact {
	margin-top: 2px;
}

/* Add space between list elements */
li.expand {
	margin-bottom: 10px;
}

ul.openbox {
	list-style-image: url(open-box-bullet.gif);
	margin-left: 10px;
	padding-left: 10px;
}

a.downloads  {
	font-size : 8pt;
	color: #CC6600;
}

.alignleft {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	border: none;
}

.aligntopleft {
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	border: none;
}

.alignright {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
	border: none;
}

/* The background setup for the articles page */
.article_bkgd {
	background-image: url(articles-background.gif);
	background-repeat: no-repeat;
	background-position: top right; 
}

sup  {
	font-size : 6pt;
}

.email_box {
	background-image: url(/subscribe-blog-background.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 125px;
	width: 222px;
	text-align: left;
}

/* Adding display:block to the images seems to remove the 5PX bottom padding */
/* that we get on images in <td>s with HTML5 doctype                         */
/* But only do this for images within <td>s.                                 */
td > img {
        display: block;
}